/*!
Copyright (c) Ruifang Tech <http://ruifang-tech.com/> and/or its owners. All rights reserved.
*/

:root {
  --rb-theme-color: #1c2128;
}

.rb-wrapper .rb-top-header,
.rb-user-nav > li.dropdown .dropdown-menu .user-info {
  background-color: #1c2128;
  border-bottom-color: #1c2128;
}

.rb-wrapper .rb-top-header .rb-navbar-header .rb-toggle-left-sidebar .icon {
  color: rgba(255, 255, 255, 0.7);
}

.rb-wrapper .rb-top-header .rb-navbar-header .navbar-brand {
  background-image: url(../../commons/theme/use-logo-white) !important;
}

.rb-wrapper .rb-top-header .page-title,
.rb-wrapper .rb-top-header .rb-right-navbar .navbar-nav > li > a,
.rb-wrapper .rb-top-header .rb-right-navbar .rb-icons-nav > li.dropdown > a .icon,
.rb-top-header .rb-navbar-header .rb-toggle-left-sidebar .icon {
  color: #fff;
}

.rb-wrapper .rb-top-header .rb-right-navbar .rb-icons-nav > li.dropdown > a .indicator {
  background-color: #fff;
}

.rb-top-header .rb-user-nav > li.dropdown .dropdown-menu:after {
  border-bottom-color: #1c2128;
}

@media (max-width: 767.98px) {
  .rb-top-header .rb-right-navbar {
    background-color: #1c2128;
    border-bottom-color: #1c2128;
  }
}

.rb-top-header .search-input-gs {
  background-color: rgba(255, 255, 255, 0.3);
  background-color: #2a313c;
}

.search-container > .global-search > .icon,
.rb-top-header .search-input-gs {
  color: rgb(205, 217, 229);
}

.colored-header .modal-content .modal-header .close {
  color: rgba(255, 255, 255, 0.7);
}



html[data-theme='dark'],
html[data-theme='dark'] body {
  background-color: rgb(34, 39, 46);
  color: rgb(173, 186, 199);
}

html[data-theme='dark'] .rb-top-header,
html[data-theme='dark'] .rb-left-sidebar::before,
html[data-theme='dark'] .rb-left-sidebar .sidebar-elements > li > ul {
  border-color: #1c2128;
}

html[data-theme='dark'] .rb-left-sidebar,
html[data-theme='dark'] .rb-left-sidebar .left-sidebar-content,
html[data-theme='dark'] .rb-left-sidebar .bottom-widget,
html[data-theme='dark'] .rb-left-sidebar .sidebar-elements > li ul {
  background-color: rgb(34, 39, 46);
}

html[data-theme='dark'] .grid-stack-item-content,
html[data-theme='dark'] .chart-box .chart-head,
html[data-theme='dark'] .chart-box.ApprovalList .progress-wrap,
html[data-theme='dark'] .chart .table {
  background-color: rgb(45, 51, 59) !important;
}



.navbar-collapse .navbar-nav > li > a.nav-link,
.navbar-collapse .navbar-nav > li > a.nav-link:hover,
.navbar-collapse .navbar-nav > li > a.nav-link:focus {
  color: #fff;
}

.navbar-collapse .nav-item.active .nav-link::after {
  background-color: rgba(255, 255, 255, 0.4);
}
